import React from 'react'
import './style.css'
import {
    Form,
    Input,
    Button,
    Dialog,
    TextArea,
    DatePicker,
    Selector,
    Slider,
    Stepper,
    Switch,
    Radio,
} from 'antd-mobile'

function Home() {

    return (
        <div>
            <div className='box'>
                <p>扫描证件添加</p>
                <p>邀请好友填写</p>
            </div>
            <div>
                <Form
                    layout='horizontal'
                    footer={
                        <Button block type='submit' color='primary' size='large'>
                            提交
                        </Button>
                    }
                >
                    <Form.Header>
                        <Radio value='2'>第二项</Radio>
                        <Radio value='2'>第二项</Radio>
                    </Form.Header>
                    <Form.Item
                        name='name'
                        label='姓名'
                        rules={[{ required: true, message: '姓名不能为空' }]}
                    >
                        <Input onChange={console.log} placeholder='请输入姓名' />
                    </Form.Item>
                    <Form.Item name='address' label='证件类型' help='详情地址'>
                        <p>二代身份证</p>
                    </Form.Item>
                    <Form.Item
                        name='name'
                        label='证件号码'
                        rules={[{ required: true, message: '证件号码不能为空' }]}
                    >
                        <Input onChange={console.log} placeholder='请输入手机号' />
                    </Form.Item>
                    <Form.Item
                        name='name'
                        label='手机号码'
                        rules={[{ required: true, message: '手机号码不能为空' }]}
                    >
                        <Input onChange={console.log} placeholder='请输入手机号' />
                    </Form.Item>
                </Form>
            </div>
        </div>
    )
}

export default Home
